/*前台主样式css文件*/


form{margin:0;padding:0;}


div{font-family:微软雅黑,verdana;}


a{color:#333;font-size:;text-decoration:none;outline:none;}


a:hover{color:#f30;}


.mt10{margin-top:10px;}


.mt20{margin-top:20px;}


.p15{padding:15px;}


.clear{clear:both;}


.jqzoom{text-decoration:none;float:left;z-index:999;}


#position {width:1200px;padding:0 20px;margin:20px auto; text-align:left;border-bottom: 1px dotted #cccccc;background:#f1f1f1;line-height:40px; font-size:16px;}


#position i {padding-right:10px;}


#container {width:1200px;margin:0 auto ;padding-bottom:20px;overflow:hidden;}

 
/*list*/


.list_page{text-align:center;margin:10px;display:block;}


.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}


.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}


.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}


.list_page ul a{color:#333;padding:8px ;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}


.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}


.page_group ul li{border-right:none;border-radius:0;float:left;}


.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}


.page_group ul li:first-child{border-radius:4px 0 0 4px;}


.page_group ul li:last-child{border-radius:0 4px 4px 0;}


.page_group ul .active a{background:#f3f3f3;border-radius:0;}








.eui_switchable{width:960px;height:268px;position:relative;}


.eui_switchable .sc_container{width:960px;height:268px;position:relative;overflow:hidden;}


.eui_switchable .sc_container ul{width:960px;height:268px;margin:0;padding:0;list-style:none;}


.eui_switchable li{width:960px;height:268px;overflow:hidden;}


.eui_switchable li img{border:0;}


.eui_switchable .sc_index{position:absolute;right:;bottom:;z-index:3;}


.eui_switchable .sc_index a{float:left;width:10px;height:10px;line-height:10px;margin-left:2px;background:#fff;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;text-indent:-999em;overflow:hidden;}


.eui_switchable .sc_index .current{background-color:#3498f0;opacity:1;filter:alpha(opacity=100);}


.eui_switchable .sc_prev,


.eui_switchable .sc_next{position:absolute;top:50%;margin-top:-29px;display:block;width:40px;height:58px;background:url(../images/arrow.png) no-repeat 0 0;text-indent:-999em;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);border:2px solid #555;}


.eui_switchable .sc_prev{left:10px;}


.eui_switchable .sc_next{right:10px;background-position:-46px 0;}


.eui_switchable .sc_prev:hover,


.eui_switchable .sc_next:hover{opacity:0.8;filter:alpha(opacity=80);}





.left{float:right;margin:0  0 0 10px;width:944px;}


.right{float:left;width:226px;}





/*左侧样式*/


.pc_header_left{background:#3370a3;height:35px;line-height:35px;font-size:18px;color:#ffffff;font-weight:bold;padding:0 10px 0 15px;_padding:10px 10px 0 15px;_height:25px;_line-height:25px;}


.pc_header_left span{float:right;font-size:;font-weight:normal;color:#333;font-family:微软雅黑;_margin-top:-5px;}


.pc_header_left img{vertical-align:middle;margin:0 8px 0 0;padding:0;border:0;line-height:35px;display:inline-block;}


.pc_header_left i {font-size:20px;padding-right:10px;color:#ffffff;}


.pc_body_left{border: 1px solid #cccccc;padding:10px;}


.pc_body_left ul li {border-bottom:1px solid #cccccc;}


.pc_body_left ul li a {font-size:14px;line-height:30px;}





.pc_header_left_pro{border-bottom: 1px solid #cccccc;height:35px;line-height:35px;font-size:18px;color:#000000;font-weight:bold;_height:25px;_line-height:25px;}


.pc_header_left_pro span{float:right;font-size:;font-weight:normal;color:#333;font-family:微软雅黑;_margin-top:-5px;}


.pc_header_left_pro img{vertical-align:middle;margin:0 8px 0 0;padding:0;border:0;line-height:35px;display:inline-block;}


.pc_header_left_pro i {font-size:20px;padding-right:10px;color:#000000;}


.pc_header_left_pro {}


.pc_body_left ul li {border-bottom:1px solid #cccccc;}


.pc_body_left ul li a {font-size:14px;line-height:30px;}








/* 本例子css */


.leftBox{ width:226px; height:180px; overflow:hidden; position:relative; border:1px solid #ddd;  }


.leftBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }


.leftBox .hd ul{ overflow:hidden; zoom:1; float:left;  }


.leftBox .hd ul li{ float:left; margin-right:4px;  width:8px; height:8px; line-height:8px; text-align:center; background:#eeeeee; cursor:pointer; }


.leftBox .hd ul li.on{ background:#cccccc; color:#fff; }


.leftBox .bd{ position:relative; height:100%; z-index:0;   }


.leftBox .bd li{ zoom:1; vertical-align:middle; }


.leftBox .bd img{ height:230px; display:block;  }





/* 下面是前/后按钮代码，如果不需要删除即可 */


.leftBox .prev,


.leftBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }


.leftBox .next{ left:auto; right:3%; background-position:8px 5px; }


.leftBox .prev:hover,


.leftBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }


.leftBox .prevStop{ display:none;  }


.leftBox .nextStop{ display:none;  }











/*右侧留言标题样式*/


.pc_header_book{background:#eeeeee;height:35px;line-height:35px;font-size:14px;color:#333333;font-weight:bold;padding:0 10px 0 15px;_padding:10px 10px 0 15px;_height:25px;_line-height:25px;}





.pc_header{border:1px solid #A6BBE2;border-top:2px solid #738CBA;background:url(../images/bg_subject.gif);height:35px;line-height:35px;font-size:14px;color:#2C498B;font-weight:bold;padding:0 10px 0 15px;_padding:10px 10px 0 15px;_height:25px;_line-height:25px;overflow:hidden;}


.pc_header span{float:right;font-size:;font-weight:normal;color:#333;font-family:微软雅黑;_margin-top:-5px;}


.pc_header img{vertical-align:middle;margin:0 8px 0 0;padding:0;border:0;}








.pc_body{border:1px solid #cccccc;font-size:;line-height:22px;position:relative;}


.pc_body p{line-height:2rem;font-size:16px;}


.about,.newsshow,.sitemap{padding:20px 25px;}


.newslist ul{margin:0 10px 10px 10px;padding:0;list-style:none;overflow:hidden;}


.newslist ul li{clear:both;padding:15px;line-height:35px;background:#eeeeee;padding-bottom:30px;padding-top:10px;margin-bottom:15px;}


.newslist ul li h4{font-size:16px;color:#0066b5;}


.newslist ul li span{display: block;color:#666666;font-family:verdana;line-height:28px;}


.newslist ul li cite {font-style:normal;background:#767676;color:#ffffff;padding:0 30px;margin-top:10px;display:inline-block;}





.newslist ul li p {font-size:;color:#666666;line-height:20px;}


.newslist ul li:hover cite{background:#0066b5;color:#ffffff;}


.newslist ul li:hover h4{color:#0066b5;}


.newsshow h2{text-align:center;font-size:20px;font-weight:normal;font-family:microsoft yahei;}


.newsshow .info{text-align:center;color:#999;padding:5px 0;}


.newsshow .content{line-height:24px;}


.newsshow .content p{margin:5px 0;}


.newsshow .content img{max-width:800px;}


.newsshow .pre{margin:10px 0 5px 0;color:#999;}


.newsshow .next{margin:0 0 10px 0;color:#999;}





.topnews{margin:-1px 0 0 0;*margin:0;padding:0;list-style:none;}


.topnews li{line-height:30px;border-bottom:1px dotted #c4c4c4;}


.topnews li span{font-family:微软雅黑;}

/*
.contact{line-height:24px;background:#ffffff;}


.contact p{margin:0 0 5px 0;*margin:0 0 6px 0;display:block;font-weight:bold;font-size:14px;}*/





.pro{overflow:hidden;height:150px;}


.pro .arrow_left{float:left;width:40px;background:url(../images/arrow.gif) no-repeat left;height:150px;cursor:pointer;}


.pro .prolist{float:left;width:590px;height:150px;overflow:hidden;}


.pro .prolist ul{margin:0 5px;padding:0;list-style:none;width:2999px;}


.pro .prolist ul li{float:left;width:147px;text-align:center;}


.pro .prolist ul li img{width:120px;height:120px;vertical-align:top}


.pro .prolist ul li div{line-height:30px;height:30px;}


.pro .prolist ul li a img{border:1px solid #ccc;padding:2px;}


.pro .prolist ul li a:hover img{border:1px solid #738CBA;padding:2px;}


.pro .arrow_right{float:left;width:40px;background:url(../images/arrow.gif) no-repeat right;height:150px;cursor:pointer;}





.link img{margin:3px 8px 5px 0;}


.link ul{clear:both;margin:0;padding:0;list-style:none;}


.link ul li{float:left;width:93px;height:25px;overflow:hidden;}





#footer{text-align:center;font-family:verdana;}


#footer div{color:#cfcfcf;padding:10px 0;}





.sitemap .big a{font-size:14px;line-height:40px;font-size:14px;font-weight:bold;}


.sitemap　div{line-height:30px;}





.category{margin:-1px 0 0 0;*margin:0;padding:0;list-style:none;}


.category li{line-height:30px;border-bottom:1px solid #cfcfcf;}


.category li span{font-family:微软雅黑;font-size:;margin-right:10px;}


.category .hover{color:#06f;}


.category .hover a{color:#06f;}





.piclist{padding:20px 15px;overflow:hidden;}


.piclist ul{margin:0;padding:0;list-style:none;}


.piclist ul li{float:left;width:170px;text-align:center;padding-bottom:10px;}


.piclist ul li img{vertical-align:top}


.piclist ul li div{line-height:30px;height:30px;}


.piclist ul li a img{border:1px solid #ccc;padding:2px;}


.piclist ul li a:hover img{border:1px solid #738CBA;padding:2px;}








/*内页banner*/


.innerbanner {height:400px;width:100%!important;overflow:hidden;position:relative;}


.neibanner{width:1920px;height:350px;margin:0px auto 0 auto;position:absolute;left:50%;margin-left:-960px;}


/*自定义内页图片列表*/


.list_pic ul{margin:0;padding:0;list-style:none;}


.list_pic ul li{margin-bottom:20px;position:relative;height:220px;border:1px solid #cfcfcf;overflow:hidden;}


.list_pic ul li img{width:94%;}


.list_pic ul li div.biaoti{line-height:30px;height:30px;bottom:0px;width:94%;left:3%;color:#000;}


.list_pic ul li a {display:block;width:300px;float:left;font-weight:900;}


.list_pic ul li a img{}


.list_pic ul li .des{line-height:30px;}


.list_pic ul li a div.logo{display:none;width:94%;height:100%;left:3%;position:absolute;top:0px;z-index:5;background:url(../images/logo_inner.png) #ffffff no-repeat center center;filter:alpha(opacity=50); /*支持 IE 浏览器*/


-moz-opacity:0.50; /*支持 FireFox 浏览器*/


opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/}


.list_pic ul li a:hover div.logo{display: block;}











/*自定义内页图片列表*/


.case_pic ul{margin:0;padding:0;list-style:none;}


.case_pic ul li{float:left;width:33.3%;text-align:center;margin-bottom:20px;position:relative; }


.case_pic ul li img{vertical-align:top;width:94%;}


.case_pic ul li div.biaoti{line-height:30px;height:30px;position:absolute;bottom:0px;width:94%;left:3%;background:rgba(0,0,0,0.8); text-align:center;color:#ffffff;}


.case_pic ul li a img{}


.case_pic ul li a div.logo{display:none;width:94%;height:100%;left:3%;position:absolute;top:0px;z-index:5;background:url(../images/logo_inner.png) #ffffff no-repeat center center;filter:alpha(opacity=50); /*支持 IE 浏览器*/


-moz-opacity:0.50; /*支持 FireFox 浏览器*/


opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/}


.case_pic ul li a:hover div.logo{display: block;}














#goodsshow{border:1px solid #A6BBE2;background:#fff;padding:30px;overflow:hidden;margin-bottom:20px;}


#goodsshow img{border:0;}


#goodsshow .left{float:left;width:350px;margin:0 50px 0 0;}


#goodsshow .right{float:left;}


#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:360px;height:360px;cursor:pointer;}


#goodsshow .shop_plist{clear:both;width:360px;}


#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}


#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}


#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}


#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}


#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}


#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:;}


#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:;}


#goodsshow .right{width:730px;}


#goodsshow .right h2{font-size:24px;font-family:microsoft yahei;margin:0 0 10px 0;padding:0;color:#ff0000;}


#goodsshow .right .intro{color:#999;min-height:80px;}


#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}


#goodsshow .right .price{color:#999;line-height:30px;}


#goodsshow .right .price span{font-size:14px;padding-right:20px;}


#goodsshow .right .pro-contact{background:#D9D9D9;padding:20px;position: relative;}


#goodsshow .right .pro-contact .title{color:#148533;font-size:20px;margin-bottom:10px;}


#goodsshow .right .pro-contact .content {line-height:2rem;}


#goodsshow .right .pro-contact .content span{padding-right:20px;}


#goodsshow .right .pro-contact .rq {width:100px;height:100px;position:absolute;right:10px;top:10px; text-align: center;}


#goodsshow .right .order{font-size:20px;margin:10px 0;}


#goodsshow .right .order span{color:#ff0000;font-size:20px;}





.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}





/*产品分类调用*/


.cpflbt {text-align:center;background:#009148; text-align:center;padding-top:10px;padding-bottom:5px;}


.cpflbt a h2{color:#ffffff;font-size:24px;display:block;text-align:center;margin:0;}


.cpflbt em {color:#ffffff;font-size:12px;line-height:16px;}


.cpflxbt { text-align:center;width:226px;}


.cpflxbt ul {background:#e4e4e4;}


.cpflxbt ul li{position:relative;height:40px;border-bottom:1px #ffffff dotted;}


.cpflxbt ul li i {padding-left:10px;font-weight:normal;color:#009148;}


.cpflxbt ul li a {display:inline-block;width:157px;height:40px;line-height:40px;color:#000000;font-weight:900;font-size:14px; text-align:left;padding-left:10px;position:relative;}


.cpflxbt ul li a:hover {color:#ee1c25;}




.box{ width:1100px; margin:0px auto; text-align:left;}




.indnews{ width:780px; float:right; overflow:hidden;}

.indnews ul li{ height:47px; line-height:47px; border-bottom:1px #CCCCCC dashed}

.indnews ul li a:hover{ color:#3498db;}

.indnews ul li a{ color:#5a5a5a}

.indnews ul li span{color:#5a5a5a}



 
.clear20{height:20px;overflow:hidden;clear:both;}
/*

.title{ width:1100px; margin:0px auto; background:url(../images/titlebg.gif) center bottom no-repeat; height:70px; text-align:center}*/

.title02{ background:url(../images/title02.gif) center bottom no-repeat;width:1100px; margin:0px auto;height:70px;}

.titletop{ color:rgb(22, 36, 46); font-size:30px;}

.titlebot{    color: rgb(153, 153, 153);letter-spacing: 5px; line-height:25px;}